<template>
    <a-drawer
        :title="formData.id ? '编辑考场' : '增加考场'"
        :width="600"
        :visible="visible"
        :destroy-on-close="true"
        :footer-style="{ textAlign: 'right' }"
        @close="onClose"
    >
        <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
            <a-form-item label="考场ip：" name="roomIp">
                <a-input v-model:value="formData.roomIp" placeholder="请输入考场ip" allow-clear />
            </a-form-item>
            <a-form-item label="考场名称：" name="roomName">
                <a-input v-model:value="formData.roomName" placeholder="请输入考场名称" allow-clear />
            </a-form-item>
            <a-form-item label="使用状态：" name="status">
<!--                <a-input v-model:value="formData.status" placeholder="请输入使用状态" allow-clear />-->
				<a-switch
					v-model:checked="formData.status"

					checked-children="启用"
					un-checked-children="禁用"
					placeholder="请选择使用状态"
				/>
            </a-form-item>
            <a-form-item label="机器数：" name="computerNum">
                <a-input-number v-model:value="formData.computerNum" placeholder="请输入机器数" allow-clear />
            </a-form-item>
            <a-form-item label="容考人数：" name="exmNum">
                <a-input-number v-model:value="formData.exmNum" placeholder="请输入容考人数" allow-clear />
            </a-form-item>
        </a-form>
        <template #footer>
            <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
            <a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button>
        </template>
    </a-drawer>
</template>

<script setup name="exmRoomForm">
    import { cloneDeep } from 'lodash-es'
    import { required } from '@/utils/formRules'
    import exmRoomApi from '@/api/biz/exmRoomApi'
	import { message } from 'ant-design-vue'
    // 抽屉状态
    const visible = ref(false)
    const emit = defineEmits({ successful: null })
    const formRef = ref()
	//const checked =ref(true)
    // 表单数据
    const formData = ref({})
    const submitLoading = ref(false)

    // 打开抽屉
    const onOpen = (record) => {
        visible.value = true
        if (record) {
            let recordData = cloneDeep(record)
            formData.value = Object.assign({}, recordData)
			formData.value.status=formData.value.status == 1?true:false
			//message.info("data:"+formData.value.status+"-")
			/*formData.value.forEach((item, index) => {
				for (const key in item) {
					if (item[key] === 'Y') {
						item[key] = true
					}
					if (item[key] === 'N') {
						item[key] = false
					}
				}
			})*/
						//checked.value= formData.value.status == 1?true:false
						//message.info("data:"+checked.value+"-")

        }
    }
    // 关闭抽屉
    const onClose = () => {
        formRef.value.resetFields()
        formData.value = {}
        visible.value = false
    }

    // 默认要校验的
    const formRules = {
    }
    // 验证并提交数据
    const onSubmit = () => {
        formRef.value
            .validate()
            .then(() => {
                submitLoading.value = true
                const formDataParam = cloneDeep(formData.value)
				formDataParam.status= formDataParam.status?1:0;
                exmRoomApi
                    .exmRoomSubmitForm(formDataParam, formDataParam.id)
                    .then(() => {
                        onClose()
                        emit('successful')
                    })
                    .finally(() => {
                        submitLoading.value = false
                    })
            })
    }
    // 抛出函数
    defineExpose({
        onOpen
    })
</script>
